<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jstl/core" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
	<h:head>
		<ui:insert name="header">
			<ui:include src="header.xhtml" />
		</ui:insert>
		<script type="text/javascript">
			(function($) {
				$.fn.popupWindow = function(instanceSettings) {

					return this
							.each(function() {

								$(this)
										.click(
												function() {

													$.fn.popupWindow.defaultSettings = {
														centerBrowser : 0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
														centerScreen : 0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
														height : 500, // sets the height in pixels of the window.
														left : 0, // left position when the window appears.
														location : 0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
														menubar : 0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
														resizable : 0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
														scrollbars : 0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
														status : 0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
														width : 500, // sets the width in pixels of the window.
														windowName : null, // name of window set from the name attribute of the element that invokes the click
														windowURL : null, // url used for the popup
														top : 0, // top position when the window appears.
														toolbar : 0
													// determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
													};

													settings = $
															.extend(
																	{},
																	$.fn.popupWindow.defaultSettings,
																	instanceSettings
																			|| {});

													var windowFeatures = 'height='
															+ settings.height
															+ ',width='
															+ settings.width
															+ ',toolbar='
															+ settings.toolbar
															+ ',scrollbars='
															+ settings.scrollbars
															+ ',status='
															+ settings.status
															+ ',resizable='
															+ settings.resizable
															+ ',location='
															+ settings.location
															+ ',menuBar='
															+ settings.menubar;

													settings.windowName = this.name
															|| settings.windowName;
													settings.windowURL = this.href
															|| settings.windowURL;
													var centeredY, centeredX;

													if (settings.centerBrowser) {

														if ($.browser.msie) {//hacked together for IE browsers
															centeredY = (window.screenTop - 120)
																	+ ((((document.documentElement.clientHeight + 120) / 2) - (settings.height / 2)));
															centeredX = window.screenLeft
																	+ ((((document.body.offsetWidth + 20) / 2) - (settings.width / 2)));
														} else {
															centeredY = window.screenY
																	+ (((window.outerHeight / 2) - (settings.height / 2)));
															centeredX = window.screenX
																	+ (((window.outerWidth / 2) - (settings.width / 2)));
														}
														window
																.open(
																		settings.windowURL,
																		settings.windowName,
																		windowFeatures
																				+ ',left='
																				+ centeredX
																				+ ',top='
																				+ centeredY)
																.focus();
													} else if (settings.centerScreen) {
														centeredY = (screen.height - settings.height) / 2;
														centeredX = (screen.width - settings.width) / 2;
														window
																.open(
																		settings.windowURL,
																		settings.windowName,
																		windowFeatures
																				+ ',left='
																				+ centeredX
																				+ ',top='
																				+ centeredY)
																.focus();
													} else {
														window
																.open(
																		settings.windowURL,
																		settings.windowName,
																		windowFeatures
																				+ ',left='
																				+ settings.left
																				+ ',top='
																				+ settings.top)
																.focus();
													}
													return false;
												});

							});
				};
			})(jQuery);
		</script>
	</h:head>
	<h:body>
		<h:panelGrid cellspacing="0" cellpadding="0" styleClass="wrapper">
			<h:panelGrid columns="2" columnClasses="menu,content">
				<p:panel cellspacing="0" cellpadding="0" styleClass="menu">
					<h:form>
						<!--                         <h:link outcome="welcome"  > -->
						<h:graphicImage library="images" name="roo_logo.png" styleClass="banner" alt="Spring Roo" />
						<!--                         </h:link> -->
						<ui:insert name="menu">
							<ui:include src="menu.xhtml" />
						</ui:insert>
					</h:form>
				</p:panel>
				<h:panelGroup>
					<h:panelGrid cellspacing="0" cellpadding="0" styleClass="content">
						<ui:insert name="content" />
					</h:panelGrid>
					<ui:insert name="footer">
						<!--                         <ui:include src="footer.xhtml" /> -->
					</ui:insert>
				</h:panelGroup>
			</h:panelGrid>
		</h:panelGrid>
	</h:body>
</f:view>
</html>